<template>
    <el-row :gutter="20" class="project-list">
        <el-col :span="8" >
          <el-card :body-style="card_style">
            <div style="padding: 10px; text-align: center;  line-height: 146px; font-size: 1.1rem;">
                <router-link to="/create">
                    <span class="el-icon-plus"></span> 新建项目
                </router-link>
            </div>
          </el-card>
        </el-col>

        <el-col :span="8" v-for="item in list" :key="item.id" >
            <Card :item="item"></Card>
        </el-col>
    </el-row>
</template>

<script>
import Card from "./Card";

export default {
  components: { Card },
  props:{
        list : {
            default(){
                return [];
            }
        }
    },
    name: "List",
    data(){
        return {
            card_style : { padding: '0px', height : '166px'  }
        }
    }
}
</script>

<style>

</style>